/* CSS reset... */
html, body, ul, ol, li, form, fieldset, legend {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;
}

fieldset,img {
    border: 0;
}

legend {
    color: #000;
}

li {
    list-style: none;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    vertical-align: top;
    font-weight: normal;
}

input, textarea, select {
    font-size: 110%;
    line-height: 1.1;
}

abbr, acronym {
    border-bottom: .1em dotted;
    cursor: help;
}


/* typografie */
body,h1,h2,h3 {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
}

body,td {
    font-size: 12px;
    color: #000000;
}

h1 {
    font-size: 17pt;
    font-weight: bold;
    margin-top:4px;
    margin-bottom:4px;
    color: #000000;
}

h2 {
    font-size: 12pt;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 2px;
    color: #000000;
}

a:link,
a:visited {
    color: #000080;
    background: transparent;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

span#navigation a {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

a.small {
    font-size: 8pt;
}

img.thinline {
    border: 1px solid #666666;
}


/* Main content... */
body {
    background-color: #aed6ed;
}

div.clear {
    clear: both;
}

div.newsItem {
    padding-top: 20px;
}

div#container {
    width: 850px;
    border: 1px solid black;
    background-color: white;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -425px;
}

div#header {
    width: 850px;
    float: left;
    overflow: hidden;
}

div#content {
    width: 620px;
    float: left;
    padding: 10px;
}

div#sidebar {
    width: 190px;
    float: left;
    padding: 10px;
}

#container #navigation {
    width: 850px;
    height: 28px;
    line-height: 20px;
    background-color: #000;
    float: left;
}


/* shit voor het menu... */
div#menubar { background-color: #000000;}
div#hmenu {  padding-left: 2.2cm;  font-weight: bold;  font-family: Arial, Helvetica, sans-serif;}
div#hmenu ul { margin: 0; background-color: #000000;
               padding: 0em 2em 0.25em 0.5em;  }

div#hmenu li { position: relative; list-style: none;
               margin: 0; padding-right:1cm; float: left; display: block;}
div#hmenu li:hover { background-color: #000000; color: #AAAAAA; }
div#hmenu li:hover a, div#hmenu li:hover a:link { color: #AAAAAA; }
div#hmenu li.submenu { font-weight: bold; font-style:normal;}
div#hmenu li.submenu:hover { background-color: #000000; color: #AAAAAA;}
div#hmenu li a { display: block;   padding: 0.25em 0em 0.25em 0em;
                 text-decoration: none;  color: #FFFFFF;}

div#hmenu>ul a { width: auto; color: #FFFFFF; }
div#hmenu ul ul { position: absolute; display: none; color: #FFFFFF}
div#hmenu ul.level1 ul.level2 { width:2.5cm; color: #FFFFFF; }
div#hmenu ul ul li { font-weight: normal; margin-top: -1px; padding-right:0cm;
                     width: 10em; text-align:center; }
div#hmenu li.submenu li.submenu:hover {background-color: #000000}
div#hmenu ul.level1 li.submenu ul.level2 li:hover a {color: #AAAAAA;}
div#hmenu ul.level1 li.submenu ul.level2 a {color: #FFFFFF;}
div#hmenu ul.level1 li.submenu:hover ul.level2, div#hmenu ul.level2 li.submenu:hover {
    padding-left:0cm;  float:left;  text-align: left; width:8em; display:block;}
div#hmenu ul.level2 {top: 1.8em; left: -1px;}




